<template lang="pug">
    #layoutDefault
        #layoutDefault_content
            main
                slot
        #layoutDefault_footer
            sbpro-footer(:class='footerClasses')
</template>

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator';
import SBProFooter from '@structural/footer.vue';

@Component({
    components: {
        'sbpro-footer': SBProFooter,
    },
})
export default class SBProLayoutDefault extends Vue {
    @Prop({ default: 'bg-light footer-light' }) private footerClasses!: string;
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss"></style>
